<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        iframe 元素会创建包含另外⼀个⽂档的内联框架（即⾏内框架）
        优点：
            ⽤来加载速度较慢的内容（如⼴告）
            可以使脚本可以并⾏下载
            可以实现跨⼦域通
        缺点：
            iframe 会阻塞主⻚⾯的 onload 事件
            ⽆法被⼀些搜索引擎索识别
            会产⽣很多⻚⾯，不容易管理

        label 的作⽤是什么？如何使⽤？
        label标签来定义表单控件的关系：当⽤户选择label标签时，浏览器会⾃动将焦点转到和label标签相关的表单控件上。
    -->
    <label for="mobile">Number:</label>
    <!-- mobile222和上面的mobile对不上就不会对焦 -->
    <input type="text" id="mobile222"/> 
    <input type="text" id="mobile"/>

    <!-- 
        (!DOCTYPE html) --⽂档声明是为了告诉浏览器，当前 HTML ⽂档使⽤什么版本的 HTML 来写的，这样浏览器才能按照声明的版本来正确的解析。

        浏览器乱码的原因是什么？如何解决？

        产⽣乱码的原因：
        ⽹⻚源代码是 gbk 的编码，⽽内容中的中⽂字是 utf-8 编码的，这样浏览器打开即会出现 html
        乱码，反之也会出现乱码；
        html ⽹⻚编码是 gbk ，⽽程序从数据库中调出呈现是 utf-8 编码的内容也会造成编码乱码；
        浏览器不能⾃动检测⽹⻚编码，造成⽹⻚乱码。
    -->
</body>
</html>